/** css set **/
html{
	height: 100%;
}
body{
	height: 100%;
	font-family: "微软雅黑","新宋体",Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	line-height:1.9;
}
body > section {
  padding: 15px 0;
}
@media (min-width: 768px) {
	body > section {
  		padding: 40px 0;
	}
}

a {
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #d30830;
	text-decoration:none;
}
a:focus,
a:active {
	outline: none;
	text-decoration: none;
}
img {
	
	max-width: 100%;
	height: auto;
}
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
@media (min-width: 1260px){
.container{width:1230px !important;
 }}
/* Scroll to top
---------------------------------- */
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	background-color: #000000;
	z-index: 1005;
	display: none;
	border-radius:5px;
}
.scrollToTop i {
	line-height: 40px;
	font-size: 16px;
}
.scrollToTop:hover{
	opacity:0.7;
}

/** head-top **/
.head-top{
	background-color:#333;
	border-bottom:3px solid #e20009;
	padding:8px 0;
}
.color-white{
	color:#fff;
	font-size:12px;
	height:24px;
	line-height:24px;
}
.span-in-blk{
	display:inline-block;
	float:left;
}
.fa-small{
	font-size:6px;
	padding:0 15px;
}

.hot-tel{
	float:right;
}
.hot-tel ul li{
	float:left;
	color:#fff;
	font-size:12px;
	line-height:24px;
	margin-left:10px;
}
.hot-tel ul li i{
	
}
.hot-tel-bg{
	display:inline-block;
	width:24px;
	height:24px;
	background:#c00;
	float:left;
	-webkit-border-radius: 50%;
  	-moz-border-radius: 50%;
  	-ms-border-radius: 50%;
 	-o-border-radius: 50%;
 	border-radius: 50%;
  	-moz-background-clip: padding;
  	-webkit-background-clip: padding-box;
  	background-clip: padding-box;
	text-align:center;
	line-height:22px;
}
.tel-rt-10{
	margin-right:10px;
}

/** navbar **/
.navbar{
	margin-bottom:0;
	border-radius:0;
	border:0;
	box-shadow:0 2px 2px #eee;
	padding:10px 0;
	min-height:40px;
}
.navbar-toggle{
	margin-top:3px;
	margin-bottom:3px;
}
.navbar-default {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
	-o-transition: all .35s;
    transition: all .35s;
	background-color: transparent;
	background: url(../image/nav-bg.png) no-repeat center;
	background-size: cover;
	border-bottom:1px solid #ffffff;
}

.navbar-default .navbar-header .navbar-brand {
	height:40px;
	padding-top:0;
	padding-bottom:0;
}
.navbar-default .navbar-header .navbar-brand  img{
	display:block;
	height:40px;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #333;
	text-align:center;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #d30830;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #f05f40!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}

/** our service **/
.service-ttl{
	color:#d30830;
	font-size:32px;
	font-weight:bold;
	margin-top:0;
}
.service-info{
	font-size:14px;
	color:#666;
}
.s-thumb{
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.s-thumb img{
	width: 100%;
	height: auto !important;
}
.s-ttl{
	width: inherit;
	height: 30px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
.s-ttl a{
	color: #FFFFFF;
	line-height: 100%;
	display: block;
	height: 50px;
	line-height: 50px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	margin-top: -25px;
}
.s-ttl a:hover{
	color: #FFFFFF;
}
.s-thumb:hover .s-ttl{
	height: 100%;
}

/** our case **/
.case-section{
	background:#f2f2f2;
}
.case-title{
}
#casemixup .mix{
    display: none;
}
.case-full{
	width:100%;
	background:url(../image/case-line.png) repeat-x center center;
	margin-top:20px;
	margin-bottom:30px;
}
.cate-pills {
	padding:0;
}
.cate-pills ul{
	display:inline-block;
	text-align:center;
	padding:0 10px;
	margin:0;
	list-style:none;
	list-style-image:none;
	font-size:0; /*set li's space to 0*/
	background:#f2f2f2;
}
.cate-pills ul li{
	display:inline-block;
	cursor:pointer;
	padding:0 10px;
	margin-top:15px;
	list-style:none;
	list-style-image:none;
}
.cate-pills ul li span{
	display:block;
	background:#db2822;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px 15px;
	border-radius:5px;
	transition:all ease-in-out .6s;
}
.cate-pills ul li span.active{
	color:#000;
	background-color:#d8d8d8;
}
.case-list{
	width:100%;
	overflow:hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.list-row{
	margin-left:-10px;
	margin-right:-10px;
}
.case-item{
	width:100%;
	float:left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:10px;
}
.case-item-thumb{
	position:relative;
	border:1px solid #ccc;
	padding:2px;
	background:#fff;
}
.case-item-thumb img{
	display:block;
	width:100%;
	height:auto !important;
}
.case-text-box{
	padding:3px;
}
.case-desp{
	color:#666;
	font-size:12px;
	line-height: 20px;;
	height: 80px;
	overflow: hidden;
	margin-top: 10px;
}
.case-top{
	border-bottom:1px dashed #ccc;
	padding:5px 0;
}
.fengcai-top{
	padding:5px 0;
}
.gaodu{padding-top:30px;}
.case-top h6{
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.case-top h6 a{
	color:#000;
}
.case-top h6 a:hover{
	color:#e20009;
}
.case-top span{
	display:inline-block;
	float:right;
	margin:0;
	padding:0;
	color:#e20009;
	font-size:12px;
	line-height:30px;
	padding-right:20px;
	background:url(../image/case-more.png) no-repeat right center;
}
.case-top span a{
	color:#e20009;
}
.case-top span a:hover{
	color:#e20009;
}
.case-over{
	width:100%;
	height:0;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	opacity:0.4;
	filter:alpha(opacity=50);
	background-image:url(../image/f1.png);
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition:all ease-in-out .5s;
	-moz-transition:all ease-in-out .5s;
	-ms-transition:all ease-in-out .5s;
	-o-transition:all ease-in-out .5s;
	transition:all ease-in-out .5s;
}
.case-item:hover .case-over{
	height:100%;
}

/** how to work **/
.work-ttl{
	color:#d30830;
	font-size:41px;
	font-weight:bold;
}
.work-item{
	width:50%;
	float:left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:30px;
}
.work-icon{
	background-image:url(../image/work-icon.png);
	height:94px;
	width:94px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
.work-bg1{
	background-position:0 0;
}
.work-bg2{
	background-position:-95px 0;
}
.work-bg3{
	background-position:-190px 0;
}
.work-bg4{
	background-position:-285px 0;
}
.work-bg5{
	background-position:-380px 0;
}
.work-words{
	padding:0px;
}
.work-words p{
	min-height:50px;
}
.icon-big{
	color:#c00;
	font-size:40px;
	margin-top:20px;
}

/** news **/
.news-bg{
	background-color:#f2f2f2;
}
.news-top{
	height:40px;

	border-bottom:1px solid #e0e0e0;
}
.news-top h4{
	display:inline-block;
	float:left;
	color:#000;
	margin:0;
	padding:0;
	height:40px;
	line-height:40px;
}
.news-top span{
	display:inline-block;
	float:right;
	height:40px;

}
.news-top span a{
	display:block;
	border:1px solid #ccc;
	border-radius:5px;
	padding:0 20px;
	margin-top:6px;
	color:#686868;
}
.news-top span a:hover{
	color:#d30830;
}
.news-col{
	margin-top:10px;
}
.news-col ul li{
	color:#444;
}
.news-col ul li a{
	color:#444;
	display:block;
	height:32px;
	line-height:32px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.news-col ul li a:hover{
	color:#d30830;
}
.news-col ul li span{
	display:inline-block;
	float:right;
	padding-left:15px;
	line-height:32px;
}
.news-margin{
	margin-top:20px;
}

/* ad **/
#ads {
	background: url('../image/ad.png') 50% 0 repeat-y fixed;
}
.ads-section {
	position: relative;
  	z-index: 10;
  	padding: 60px 0 50px 0;
}
.ads-overlay {
  	padding: 0 !important;
}
.parallax-section {
  	background-attachment: fixed !important;
  	background-size: cover !important;
}
.section-overlay {
  	position: relative;
  	display: block;
  	color: white;
  	width: 100%;
  	height: 100%;
  	/*background-color: rgba(0, 0, 0, 0.6);*/
  	padding: 60px 0 50px 0;
}
.ads-h4{
	font-size:16px;
	margin-top:30px;
}
.ads-h4 a{
	display:inline-block;
	color:#fff;
	background:#ff3d41;
	padding:10px 20px;
	border-radius:5px;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
}
.ads-h4 a:hover{
	color:#fff;
	background-color:#fe5e61;
}
.web-hh1{
	font-size:15px;
}
.web-hh2{
	font-size:14px;
}

/** counter **/
.counter-section{
	padding:0;
	background:url(../image/red-line.png) repeat-x center;
}
.counter-item {
	width:20%;
	position:relative;
	float:left;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	color:#fff;
	text-align: center;
	padding-top:25px;
	padding-bottom:25px;
}
.num-item-bd{
	border-right:1px solid #e76f71;
}
.counter-number {
  	display: block;
  	width: 100%;
  	text-align: center;
  	font-family: "Novecentosanswide-Bold", sans-serif;
  	font-weight: bold;
  	font-size: 30px;
  	line-height: 40px;
}
.counter-text {
	display:block;
	width:100%;
	text-align:center;
	font-size:12px;
}
.counter-number2{
	display:block;
	float:left;
	width:50%;
	text-align:right;
	font-family: "Novecentosanswide-Bold", sans-serif;
  	font-weight: bold;
  	font-size: 30px;
  	line-height: 40px;
}
.counter-number3{
	display:block;
	float:left;
	width:50%;
	text-align:left;
	font-family: "Novecentosanswide-Bold", sans-serif;
  	font-weight: bold;
  	font-size: 30px;
  	line-height: 40px;
}
.counter-num-box{
	display:block;
}

/** brand **/
.brand-bd{
	margin-top:30px;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
}
.brand-title{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.brand-item{
	width:20%;
	padding-right: 15px;
	padding-left: 15px;
	position:relative;
	float:left;
	overflow:hidden;
	padding-top:15px;
	padding-bottom:15px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}
.brand-item .brand-box{
	width:100%;
	height:100%;
	text-align:center;
	
}
.brand-item .brand-box img{
	-webkit-transition:all .4s linear 100ms;
	-moz-transition:all .4s linear 100msr;
	-ms-transition:all .4s linear 100ms;
	-o-transition:all .4s linear 100ms;
	transition:all .4s linear 100ms;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
.brand-item .brand-box img:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	/*-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg);
	*/
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

/*.brand-item .brand-box1{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	z-index:2;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.brand-item .brand-box2{
	width:100%;
	height:100%;
	text-align:center;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);  
}
.brand-item:hover .brand-box1{
	z-index:1;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
.brand-item:hover .brand-box2{
	z-index:2;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg);
}
.brand-item .brand-box1,.brand-item .brand-box2{
	-webkit-transition:all .5s linear 10ms;
	-moz-transition:all .5s linear 10ms;
	-o-transition:all .5s linear 10ms;
	transition:all .5s linear 10ms;
}*/
/*.brand-item .brand-box1 a,.brand-item .brand-box2 a{
	display:block;
	border:1px solid #eaeaea;
}*/

/* footer */
footer{
	padding-top:30px;
	background:url(../image/foot-bg.png) top left repeat;
	/***
	background-size:cover;
	***/
}
.foot-cnt{
	color:#fefefe;
	font-size:32px;
	margin-top:0;
}
.foot-qq-wrap{
	width:100%;
}
.foot-qq-wrap h3{
	display:inline-block;
	float:left;
	color:#fefefe;
	font-size:28px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:15px;
	margin-top:0;
}
.foot-qq-wrap span{
	display:inline-block;
	float:left;
	color:#fefefe;
	padding-top:5px;
	text-align:left;
}
.foot-qq-wrap span a{
	display:inline-block;
	margin:0;
}
.foot-contact{
	color:#ddd;
	line-height:30px;
}
.foot-contact font{
	font-size:18px;
}
.foot-contact a{
	color:#ddd;
}
.foot-contact a:hover{
	color:#fff;
}
.foot-contact img{ display:inline-block;}

/* links */
.foot-links{
	margin-top:15px;
}
.foot-link-list{
	border-top:1px dashed #fff;
	color:#ccc;
	padding:15px 0;
}
.foot-link-list ul li{
	display:inline-block;
	float:left;
	margin-right:10px;
	line-height:25px;
}
.foot-link-list ul li a{
	color:#ccc;
}
.foot-link-list ul li a:hover{
	color:#fff;
}

/* copyright */
.section-copyright{
	padding:10px 0 20px 0;
	border-top:5px solid #d82234;
	background:url(../image/foot-bg.png) top left repeat;
	color:#fff;
}
.copyright{
	color:#fff;
	line-height:40px;
}
.foot-beian{
	text-align:center;
	margin-top:5px;
}
.foot-beian span{
	display:inline-block;
	padding-left:40px;
	height:40px;
	line-height:20px;
	font-size:12px;
	overflow:hidden;
	text-align:left;
	background-position:left center;
	background-repeat:no-repeat;
	margin:0 10px;
}
.foot-beian span.icp{
	background-image:url(../image/icp.png);
}
.foot-beian span.anwang{
	background-image:url(../image/anwang.png);
}
.foot-beian span.gongan{
	background-image:url(../image/gongan.png);
}

/** about **/
.banner-about{
	background-image: url(../image/about_02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}
.banner-pro{
	background-image: url(../image/product_02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}
.about-span1,.about-span2,.about-span3{
	display: block;
	text-align: center;
	padding: 3px 0;
}
.about-span1{
	color: #000000;
	font-size: 24px;
}
.about-span2{
	color: #ff040e;
	font-size: 20px;
}
.about-span3{
	color: #000000;
	font-size: 16px;
}
.full-about-cate{
	padding: 20px 0;
	background-color: #edeef0;
}
.about-cate-box{
	font-size: 14px;
}
.about-cate-item{
	display: inline-block;
	height: 26px;
	width: 50%;
	text-align: center;
	float: left;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.about-cate-item a{
	color: #000000;
	display: block;
	background-color: #FFFFFF;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	height: 26px;
	line-height: 26px;
}
.about-cate-item a:hover{
	color: #FFFFFF;
	background-color: #eb3900;
}
.about-cate-item a.on{
	color: #FFFFFF;
	background-color: #eb3900;
}
.about-section{
	padding: 30px 0;
}
.about-scrip{
	margin-top: 20px;
	color: #000000;
	font-size: 13px;
	line-height: 2;
	font-family: "微软雅黑";
}
.about-pic{
	margin-top: 20px;
}
.about-bg-color{
	background-color: #fafafa;
}
.about-ttl{
	color: #d30830;
}

#zhenzi {
	background: url('../image/about_19.jpg') 50% 0 repeat-y fixed;
}
.zhenzhi-section {
	position: relative;
  	z-index: 10;
  	padding: 0;
}
.zhenzhi-overlay {
  
}
.zz-p{
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	line-height: 2;
}
.ser-pro-bg{
	background-color: #F5F5F5;
	padding: 10px 0 0;
}
.red-font{
	color: #d30830;
	font-weight: bold;
}
.p-14{
	color: #666666;
	font-size: 14px;
}
.pic-s-p{
	margin-top: 15px;
}
.about-ms{
	color: #000000;
	font-size: 16px;
	margin-top: 15px;
	line-height: 2.5;
	padding-bottom: 15px;
	padding-top: 15px;
}
.honner-bg{
	background-color: #F5F5F5;
}
.honr-top{
	margin-top: 20px;
}
.h-group-margin-none{
	margin-top: 0;
	margin-bottom: 0;
}
.p-top{
	margin-top: 15px;
}
.room-box{
	margin-top: 15px;
}
.room-box .thumbnail{
	border-radius: 0px;
	padding: 8px;
	margin-bottom: 15px;
}
.room-box h4{
	font-size: 14px;
}
.bank-box{
	margin-top: 40px;
	border: 1px solid #edebeb;
	background-color: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:  0 0 3px #EDEBEB;
	-webkit-box-shadow: 0 0 2px #EDEBEB;
}
.bank-bg-1{
	background-image: url(../image/bocbg1.jpg);
}
.bank-bg-2{
	background-image: url(../image/ccbbg2.jpg);
}
.bank-bg-3{
	background-image: url(../image/icbcbg3.jpg);
}
.bank-bg-4{
	background-image: url(../image/abcbg4.jpg);
}
.bank-bg-5{
	background-image: url(../image/cmbbg5.jpg);
}
.bank-bg-6{
	background-image: url(../image/jiaotong6.jpg);
}
.bank-bg-7{
	background-image: url(../image/nongcun7.jpg);
}
.bank-bg-8{
	background-image: url(../image/pay_43.jpg);
}
.bank-bg-1{
	background-image: url(../image/bocbg1.jpg);
}

.bank-info{
	padding: 15px;
	color: #FFFFFF;
	font-size: 12px;
	background-repeat: repeat;
}
.bank-info a{color:#fff;}
.bank-info a:hover{color:#fff;}
.alpay.row{
	
}
.alpay.row .col-xs-12{
	padding-right: 15px;
}
.alpay.row .col-xs-12{
	padding-left: 15px;
}
.alpay-pic{
	border-right: 1px solid #ccc;
	background-color: #FFFFFF;
}
.alpay-bg{
	background-image: url(../image/alipay.jpg);
	background-repeat: repeat;
}
.wxpay-bg{
	background-image: url(../image/pay_08.jpg);
	background-repeat: repeat;
}
.alpay-aw{
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.alpay-aw p{
	margin: 0px;
}
.alpay-aw p.red-p{
	color: #ff0000;
}
.alpay-desp{
	margin-top: 40px;
}
.pay-red{
	color: #f20202;
	font-weight: bold;
	margin-bottom: 15px;
}
.alpay-desp p{
	font-size: 14px;
	font-weight: bold;
}

.cnt-top{
	width: 100%;
}
.cnt-top-h1{
	color: #1b1f29;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.cnt-top-h3{
	color: #1B1F29;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.cnt-top-h3 font{
	color: #e8312e;
	font-size: 18px;
}
.cnt-list{
	
}
.cnt-list ul li{
	padding: 15px 0;
	border-bottom: 1px dashed #CCCCCC;
	font-size: 12px;
	color: #666666;
	padding-left: 48px;
	background-repeat: no-repeat;
	background-position: left;
}
.cnt-list ul li a{
	color: #666666;
}
.cnt-list ul li a:hover{
	color: #CC0000;
}
.cnt-list ul li.tel{
	background-image: url(../image/contact_07.png);
}
.cnt-list ul li.fax{
	background-image: url(../image/contact_10.png);
}
.cnt-list ul li.mail{
	background-image: url(../image/contact_12.png);
}
.cnt-list ul li.ads{
	background-image: url(../image/contact_14.png);
}
.cnt-btm-w{
	margin-top: 15px;
}
.cnt-btm-w .btn-default{
	color: #FFFFFF;
	border-color: #c22c45;
	background-color: #C22C45;
	border: none;
}
.cnt-btm-w .btn-default:focus,
.cnt-btm-w .btn-default:hover{
	background-color: #da415a;
	color: #FFFFFF;
}
.cnt-form{
	margin-top: 25px;
}
.find-section{
	padding: 30px 0;
	background-color: #F7F7F7;
}
.find-h1{
	text-align: center;
	color: #110000;
	font-size: 28px;
	margin-bottom: 20px;
	margin-top: 0;
}
.fd-h4{
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: left;
	height: 32px;
	line-height: 32px;
}
.fd-color-1{
	color: #de6764;
}
.fd-color-2{
	color: #9ac047;
}
.fd-color-3{
	color: #31a0e1;
}
.fd-icon-1{
	background-image: url(../image/contact_24.png);
}
.fd-icon-2{
	background-image: url(../image/contact_26.png);
}
.fd-icon-3{
	background-image: url(../image/contact_29.png);
}
.fd-desp{
	font-size: 14px;
	padding-left: 50px;
	text-align: justify;
	line-height: 2;
}
.fd-top{
	margin-top: 15px;
}
.contact-banner{
	padding:30px 0 30px 0;
	background-image: url(https://www.hflmwl.com/images/contact_02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.cnt-h1{
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 40px;
}
.cont-h4{
	color: #FFFFFF;
	padding-left: 55px;
	margin-bottom: 20px;
	background-position: left;
	background-repeat: no-repeat;
	height: 33px;
	line-height: 33px;
}
.cont-desp{
	color: #FFFFFF;
	padding-left: 55px;
	font-size: 12px;
	line-height: 2;
}
.cont-icon-1{
	background-image: url(https://www.hflmwl.com/images/contact_11.png);
}
.cont-icon-2{
	background-image: url(https://www.hflmwl.com/images/contact_15.png);
}
.cont-icon-3{
	background-image: url(https://www.hflmwl.com/images/contact_19.png);
}
.cont-pad{
	background: url(https://www.hflmwl.com/images/contact_13.png) no-repeat right top;
}
.ft-nav{
	text-align: center;
}
.ft-nav .pagination{
	margin-bottom: 0px;
}
.ft-nav .pagination li a{
	color: #333333;
	background-color: #FFFFFF;
}
.ft-nav .pagination li a:hover{
	color: #FFFFFF;
	background-color: #e8312e;
}
.ft-nav .pagination li a:active,
.ft-nav .pagination li a:focus{
	color: #333333;
	background-color: #FFFFFF;
}
.ft-nav .pagination li.active a{
	color: #FFFFFF;
	background-color: #e8312e;
	border-color: #DDDDDD;
	cursor: pointer;
}
.ft-nav .pagination li.active a:hover{
	color: #FFFFFF;
	background-color: #e8312e;
}
.full-path{
	border-bottom: 1px solid #EEEEEE;
	height: 40px;
	line-height: 40px;
}
.path-rd{
	padding-left: 25px;
	height: inherit;
	line-height: inherit;
	background: url(../image/faqshow_03.png) no-repeat left center;
}
.pro-section{
	padding: 20px 0;
}
.title-case{
	color: #d73603;
	font-size: 21px;
	font-weight: bold;
}
.desp-info{
	color: #999999;
	line-height: 2;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
}
.zhenwen{
	margin-top: 15px;
	line-height: 2.5;
	font-size:14px;
}
.zhenwen img{
	max-width: 100%;
	height: auto !important;
}
.pre-nex{
	 margin-top: 15px;
	 padding-top: 10px;
	 border-top: 1px dashed #CCCCCC;
	 position: relative;
}
.pre-nex ul li{
	line-height: 2;
	font-size: 14px;
	color: #999999;
}
.pre-nex ul li a{
	color: #999999;
}
.pre-nex ul li a:hover{
	color: #CC0000;
}
.back-to-list{
	display: inline-block;
	margin-top: 15px;
}
.back-to-list a{
	color: #E8001B;
	border: 1px solid #E8001B;
	padding: 6px 15px;
}
.back-to-list a:hover{
	color: #FFFFFF;
	background-color: #CC0303;
}
.speech-bubble {
	position: relative;
	background-color: #1b1f29;
	width: 100%;
	height: 94px;
	/*line-height: 94px;*/
	color: white;
	text-align: center;
	border-radius: 8px;
	font-family: sans-serif;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
	margin-top: 25px;
}
.speech-bubble:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid;
}
/** top **/
.speech-bubble-top:after {
	border-bottom-color: #1b1f29;
	left: 50%;
	bottom: 100%;
	margin-left: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
/** right **/
.speech-bubble-right:after {
	border-left-color: #1b1f29;
	left: 100%;
	top: 50%;
	margin-top: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
/** bottom **/
.speech-bubble-bottom:after {
	border-top-color: #1b1f29;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
/** left **/
.speech-bubble-left:after {
	border-right-color: #1b1f29;
	top: 50%;
	right: 100%;
	margin-top: -15px;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
.about-span5{
	color: #000000;
	font-size: 12px;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
}
.news-banner{
	background-image: url(../image/news_02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}
.date-day{
	padding-top: 10px;
	display: block;
	text-align: center;
	font-size: 42px;
	height: 56px;
	line-height: 46px;
}
.date-year{
	display: block;
	text-align: center;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}
.news-row{
	margin-top: 25px;
}
.news-row:hover .speech-bubble{
	background-color: #e73633;
}
.news-row:hover .speech-bubble-right:after{
	border-left-color: #E73633;
}
.news-row:hover .nw-cover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.news-row:hover .news-title a{
	color: #d30830;
}

.news-wrap{
	padding-left: 0;
}
.news-box{
	border: 1px solid #d4d4d4;
	background-color: #F2F2F2;
	padding: 8px;
}
.nw-tt.row{
	margin-left: -15px;
}
.nw-pic{
	position: relative;
}
.nw-cover{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100% !important;
	background-color: #000000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
.transition-color{
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
}
.new-right{
	padding: 0px;
}
.news-title{
	font-size: 14px;
	margin-top: 6px;
	font-weight: bold;
}
.news-desp{
	color: #333333;
	line-height: 2;
	margin-top: 5px;
}
.slide-bg{
	padding: 30px 20px;
	background-color: #F7F7F7;
}
.slide-h4{
	color: #000000;
	font-size: 20px;
}
.slide-list{
	height: auto;
}
.slide-list ul li{
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 20px;
	padding-bottom: 10px;
}
.slide-list ul li h5{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0px;
}
.slide-desp{
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
}
.slide-p{
	color: #666666;
	font-size: 14px;
	line-height: 2;
	margin-top: 10px;
	margin-bottom: 0;
}
.fuwu-banner{
	background-image: url(../image/fuwu_02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}
.jichu-section{
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../image/fuwu_04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.juchu-box{
	position: relative;
	overflow: hidden;
}
.jichu-top{
	background-image: url(../image/fuwu_08.png);
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 150px;
	padding-left: 35px;
	padding-top: 27px;
}
.jichu-header{
	color: #1B1F29;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.55;
}
.jichu-header font{
	color: #E8312E;
}
.jichu-word{
	color: #000000;
	font-size: 13px;
	line-height: 1.85;
	margin-bottom: 10px;
}
.jichu-desp{
	color: #000000;
	font-size: 12px;
	line-height: 2;
	text-indent: 25px;
	overflow: hidden;
}
.jichu-buttom{
	margin-top: 15px;
}
.jichu-buttom a{
	display: inline-block;
	margin-right: 20px;
	padding: 0 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	color: #FFFFFF;
	height: 36px;
	line-height: 36px;
	margin-top: 10px;
}
.jichu-buttom a:hover{
	color: #FFFFFF;
}
.jichu-buttom a.jichu-more{
	background-color: #e8312e;
}
.jichu-buttom a.jichu-case{
	background-color: #1B1F29;
}
.jichu-buttom a.xy-case{
	background-color: #FFFFFF;
	color: #000000;
}

.jichu-pic{
	overflow: hidden;
}
.yixiao-section{
	background-color: #ebecf1;
}
.yx-box{
	position: relative;
	overflow: hidden;
}
.yx-top{
	background-image: url(../image/fuwu_03.png);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 150px;
	padding-right: 35px;
	padding-top: 27px;
}
.yx-desp{
	color: #000000;
	font-size: 12px;
	line-height: 2;
	text-indent: 25px;
	overflow: hidden;
}
.xy-section{
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../image/fuwu_10.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.xy-white{
	color: #FFFFFF;
}
.mbl-section{
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../image/fuwu_14.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.mbl-pad{
	padding-top: 30px;
	padding-bottom: 30px;
}

.pcs-item{
	padding-top: 50px;
	margin-top: 30px;
}
.pcs-box{
	border: 1px solid #ccc;
	padding-top: 50px;
	padding-bottom: 35px;
	position: relative;
}
.pcs-title{
	text-align: center;
	color: #000000;
	font-size: 22px;
	padding-top: 15px;
}
.pcs-info{
	padding-top: 15px;
	text-align: center;
	color: #666666;
	font-size: 16px;
	line-height: 2;
}

.pcs-w{
	width: 100px;
	height: 100px;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -50px;
}
.pcs-h1{
	text-align: center;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pcs-h3{
	text-align: center;
	color: #fff;
	margin: 0;
}
.pcs-bg-1{
	background: url(../image/service_06.png) no-repeat bottom right;
}
.pcs-color-1{
	background-color: #1689eb;
}
.pcs-bg-2{
	background: url(../image/service_05.png) no-repeat bottom right;
}
.pcs-color-2{
	background-color: #a6d250;
}
.pcs-bg-3{
	background: url(../image/service_03.png) no-repeat bottom right;
}
.pcs-color-3{
	background-color: #df00c7;
}
.pcs-bg-4{
	background: url(../image/service_17.png) no-repeat bottom right;
}
.pcs-color-4{
	background-color: #fc7267;
}
.pcs-bg-5{
	background: url(../image/service_13.png) no-repeat bottom right;
}
.pcs-color-5{
	background-color: #ef9e1e;
}
.pcs-bg-6{
	background: url(../image/service_15.png) no-repeat bottom right;
}
.pcs-color-6{
	background-color: #e1c10e;
}
.design-bg{
	background-color: #f8f8f8;
}
.red-bg{
	width: 46px;
	height: 46px;
	line-height: 46px;
}
.red-bg .fa-circle{
	color: #e8312e;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 40px;
}
.red-bg .fa-stack-1x{
	font-size: 20px;
}
.row-line{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #CCCCCC;
}
.row-no-bord{
	border-bottom: none;
}
.design-header{
	height: 46px;
	line-height: 46px;
	color: #000000;
	font-size: 22px;
}
.design-desp{
	padding-left: 46px;
	color: #666666;
	line-height: 2;
	margin-top: 10px;
}

.jichu-biti{
	color: #000000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.jichu-jj{
	color: #666666;
	text-align: center;
	margin-top: 10px;
}
.jichu-img{
	margin-top: 30px;
	overflow: hidden;
}
.jichu-tg-bg{
	background-color: #EEEEEE;
}
.gl-item{
	width: 25%;
	float: left;
	position: relative;
	min-height: 2px;
	padding-left: 15px;
	padding-right: 15px;
}
.gl-wrap{
	display: block;
	margin: 20px auto 0 auto;
	text-align: center;
	background-color: #eb3900;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.gl-wrap .fa-file-text-o,
.gl-wrap .fa-line-chart,
.gl-wrap .fa-sitemap,
.gl-wrap .fa-medium,
.gl-wrap .fa-users,
.gl-wrap .fa-connectdevelop,
.gl-wrap .fa-trophy,
.gl-wrap .fa-gg,
.gl-wrap .fa-pencil-square-o,
.gl-wrap .fa-jpy,
.gl-wrap .fa-search,
.gl-wrap .fa-check-circle-o,
.gl-wrap .fa-list-alt,
.gl-wrap .fa-spinner,
.gl-wrap .fa-server,
.gl-wrap .fa-tags,
.gl-wrap .fa-headphones,
.gl-wrap .fa-newspaper-o,
.gl-wrap .fa-eye,
.gl-wrap .fa-file-video-o,
.gl-wrap .fa-download,
.gl-wrap .fa-question-circle,
.gl-wrap .fa-support,
.gl-wrap .fa-file-word-o,
.gl-wrap .fa-plus,
.gl-wrap .fa-whatsapp,
.gl-wrap .fa-commenting,
.gl-wrap .fa-external-link{
	color: #FFFFFF;
	font-size: 25px;
	line-height: 50px;
}
.gl-title{
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
}
.jichu-ali{
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.ali-word{
	color: #666666;
	margin-top: 10px;
}
.want-web{
	text-align: center;
	font-size: 16px;
}
.want-web a{
	display: inline-block;
	color: #FFFFFF;
	height: 46px;
	border-radius: 23px;
	background-color: #e8312e;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 46px;
}
.want-web a:hover{
	background-color: #c82826;
}
.jichu-red{
	text-align: center;
	color: #D30830;
	font-size: 20px;
}
.jichu-press{
	text-align: center;
	color: #666666;
	font-size: 14px;
}
.jichu-shiming{
	text-align: center;
	color: #492419;
	font-size: 16px;
	font-weight: bold;
}
.sm-lt,.sm-rt{
	position: relative;
	float: left;
}
.sm-lt{
	width: 31%;
}
.sm-rt{
	width: 69%;
	padding-left: 20px;
}
.sm-header{
	color: #FFFFFF;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}
.line-red{
	background-image: url(../image/yingxiaoxing_08.jpg);
}
.line-white{
	background-image: url(../image/yingxiaoxing_11.jpg);
}
.sm-infos{
	color: #FFFFFF;
	font-size: 10px;
	line-height: 2;
	margin-top: 10px;
}
.black-row{
	background-color: #212d3d;
	padding-top: 15px;
	padding-bottom: 15px;
}
.red-row{
	background-color: #d83e32;
	padding-top: 15px;
	padding-bottom: 15px;
}
.web-img{
	margin-top: 25px;
}
.bg-color-1{
	background-color: #f4f4f4;
}
.td-title{
	text-align: center;
	color: #000000;
	font-size: 18px;
}
.td-title font{
	color: #e3002d;
}
.td-desp{
	text-align: center;
	color: #000000;
	font-size: 12px;
	padding-bottom: 15px;
}
.td-header{
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	background-color: #e8302e;
	padding-top: 10px;
	padding-bottom: 10px;
}
.td-infos{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #000000;
	font-size: 14px;
	line-height: 26px;
	background-color: #ececec;
}
.td-top{
	margin-top: 20px;
}
.neli{
	color: #000000;
	font-size: 12px;
	padding-top: 20px;
}
.course-bg{
	background-image: url(../image/yingxiaoxing_33.jpg);
	background-repeat: repeat;
}
.course-title{
	text-align: center;
	color: #e50200;
	font-size: 28px;
}
.course-desp{
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}
.course-box{
	padding: 10px;
	background-color: #FFFFFF;
}
.course-biti{
	padding-left: 15px;
	padding-right: 10px;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #E8312E;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.course-biti a{
	color: #FFFFFF;
	display: block;
}
.course-biti a:hover{
	color: #FFFFFF;
}
.red-course{
	color: #E50200;
	font-size: 14px;
	margin-top: 10px;
}
.course-info{
	color: #000000;
	line-height: 25px;
}
.section-bg-ee{
	background-color: #EEEEEE;
}
.section-bg-hml{
	padding: 0;
}
.full-bg{
	width: 100%;
	position: relative;
}
.full-bg img{
	max-width: 100%;
	height: auto !important;
}
.htm-top{
	color: #492419;
	font-size: 14px;
	position: absolute;
	top: 1px;
	text-align: center;
	left: 0px;
	right: 0px;
}
.htm-top2{
	color: #666666;
	font-size: 10px;
	position: absolute;
	top: 25px;
	text-align: center;
	left: 0px;
	right: 0px;
}
.show-bg{
	padding-bottom: 0px;
	background-color: #EEEEEE;
	position: relative;
}
.full-slow-bg{
	background-image: url(../image/shoujizhan_07.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 7px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: transparent;
}
.no-btm{
	padding-bottom: 0px;
}

.pipaia{
	font-size: 14px;
	line-height: 2;
}
.pipaif{
	font-size: 14px;
	line-height: 2;
}
.mdb-lt{
	width: 100%;
	margin-top: 15px;
}
.mdb-md{
	width: 100%;
	margin-top: 15px;
}
.mdb-rt{
	width: 100%;
	margin-top: 15px;
}
.mdb-box{
	margin-top: 15px;
}
.mdb-ttl{
	text-align: center;
	color: #000000;
	font-size: 24px;
}
.mdb-desp{
	text-align: center;
	font-size: 14px;
	padding: 0 10px;
	margin-top: 5px;
}
.nmd-lt{
	width: 100%;
	margin-top: 15px;
}
.nmd-md{
	width: 100%;
	margin-top: 15px;
}
.nmd-rt{
	width: 100%;
	margin-top: 15px;
}


@media(min-width:480px) {
	.about-span1{
		font-size: 38px;
	}
	.about-span2{
		font-size: 24px;
	}
	.about-span3{
		font-size: 18px;
	}
	.service-ttl{font-size:36px;}
	.case-item{width: 50%;}
	
}
/* Small devices (tablets, phones less than 767px) */
@media(min-width:768px) {
	/**
	 * 
	 * font icon
	 */
	
	.gl-wrap{
	display: block;
	margin: 20px auto 0 auto;
	text-align: center;
	background-color: #eb3900;
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
.gl-wrap .fa-file-text-o,
.gl-wrap .fa-line-chart,
.gl-wrap .fa-sitemap,
.gl-wrap .fa-medium,
.gl-wrap .fa-users,
.gl-wrap .fa-connectdevelop,
.gl-wrap .fa-trophy,
.gl-wrap .fa-gg,
.gl-wrap .fa-pencil-square-o,
.gl-wrap .fa-jpy,
.gl-wrap .fa-search,
.gl-wrap .fa-check-circle-o,
.gl-wrap .fa-list-alt,
.gl-wrap .fa-spinner,
.gl-wrap .fa-server,
.gl-wrap .fa-tags,
.gl-wrap .fa-headphones,
.gl-wrap .fa-newspaper-o,
.gl-wrap .fa-eye,
.gl-wrap .fa-file-video-o,
.gl-wrap .fa-download,
.gl-wrap .fa-question-circle,
.gl-wrap .fa-support,
.gl-wrap .fa-file-word-o,
.gl-wrap .fa-plus,
.gl-wrap .fa-whatsapp,
.gl-wrap .fa-commenting,
.gl-wrap .fa-external-link{
	color: #FFFFFF;
	font-size: 50px;
	line-height: 100px;
}
.gl-title{
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}
	
	.s-ttl{
		height:50px;
		font-size:20px;
	}
	.web-hh1{
	font-size:36px;
	}
	.web-hh2{
		font-size:30px;
	}
	.case-desp{
		padding-top:0px;
		padding-bottom:0px;
		line-height:25px;
		height:75px;
		font-size: 13px;
		overflow:hidden;
	}	
	.nmd-lt{
		width: 44.01709402%;
		position: relative;
		float: left;
		margin-top: 25px;
	}
	.nmd-md{
		width: 11.96581196%;
		position: relative;
		float: left;
		margin-top: 25px;
	}
	.nmd-rt{
		width: 44.01709402%;
		position: relative;
		float: left;
		margin-top: 25px;
	}
	.mdb-lt{
		width: 39.31623932%;
		position: relative;
		float: left;
		margin-top: 25px;
	}
	.mdb-md{
		width: 21.36752136%;
		position: relative;
		float: left;
		margin-top: 25px;
	}
	.mdb-rt{
		width: 39.31623932%;
		position: relative;
		float: left;
		margin-top: 25px;
	}
	
	.htm-top2{
		font-size: 16px;
		top: 70px;
	}
	.htm-top{
		font-size: 24px;
		top: 10px;
	}
	.pipaia{
		font-size: 24px;
		line-height: 2;
	}
	.pipaif{
		font-size: 24px;
		line-height: 2;
	}
	.counter-text{
		font-size:12px;
		font-weight:none;
	}
	.work-item{
		width:20%;
	}
	.case-item{
		width:33.33333333%;
	}
	
	.scrollToTop {
		background-color:#000);
	}
	.scrollToTop i {
		line-height: 40px;
		font-size: 20px;
	}
	
	/** navbar **/
	.navbar-default .navbar-header .navbar-brand {
    	height:50px;
	}
	.navbar-default .navbar-header .navbar-brand  img{
		display:block;
		height:50px;
	}

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        /*color: rgba(255,255,255,.7);*/
		color:#333;
		font-size:14px;
		font-weight:normal;
		margin-left:0px;
    }
    .nav > li > a{
    	padding-left: 10px;
    	padding-right: 10px;
    }
	
    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #d30830;
    }
	
	/* our service */
	.service-wrap{
		width:25%;
		margin-top:25px;
	}
	.h4-title{
		font-size:14px;
	}
	/** about **/
	.about-span1,.about-span2,.about-span3{
		padding: 10px 0;
	}
	.about-span1{
		font-size: 38px;
	}
	.about-cate-box{
		text-align: center;
	}
	.about-cate-item{
		display: inline-block;
		float: none;
		margin: 0 12px;
		width: auto;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.about-cate-item a{
		display: block;
		border-radius: 13px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		background-color: #FFFFFF;
		padding: 0 30px;
		height: 26px;
		line-height: 26px;
	}
	.about-cate-item a:hover{
		color: #FFFFFF;
		background-color: #eb3900;
	}
	.about-cate-item a.on{
		color: #FFFFFF;
		background-color: #eb3900;
	}
	.zz-p{
		font-size: 20px;
	}
	.room-box h4{
		font-size: 18px;
	}
	.bank-info{
		font-size: 11px;
		padding: 15px 5px 15px 11px;
	}
	.alpay-aw{
		font-size: 12px;
		padding-top: 13px;
		padding-bottom: 0px;
	}
	.alpay.row .col-sm-5{
		padding-right: 0px;
	}
	.alpay.row .col-sm-7{
		padding-left: 0px;
	}
	.cnt-h1{
		font-size: 18px;
	}
	.cnt-list ul li{
		font-size: 14px;	
	}
	.cnt-top-h1{
		font-size: 33px;
	}
	.cnt-top-h3{
		font-size: 19px;
	}
	.cnt-top-h3 font{
		font-size: 37px;
	}
	.back-to-list{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.news-wrap{
		padding-left: 20px;
	}
	.nw-tt.row{
		margin-left: 0px;
	}
	.nw-tt.row > .col-sm-3{
		padding-left: 0px;
		padding-right: 0px;
	}
	.new-right{
		padding: 0 20px;
	}
	.news-title{
		color: #000000;
		font-size: 18px;
	}
	.hask-pad{
		padding-right: 40px;
	}
	.jichu-section{
		padding-bottom: 20px;
	}
	.juchu-box{
		padding-top: 0;
	}
	.jichu-header{
		font-size: 26px;
	}
	.jichu-word{
		font-size: 20px;
		margin-bottom: 0px;
	}
	.jichu-desp{
		font-size: 12px;
	}
	.design-header{
		font-size: 18px;
	}
	.jichu-biti{
		font-size: 40px;
		font-weight: normal;
	}
	.jichu-jj{
		font-size: 18px;
	}
	.gl-item{
		width: 25%;
	}
	.jichu-ali{
		font-size: 40px;
		font-weight: normal;
	}
	.ali-word{
		font-size: 16px;
		line-height: 2;
	}
	.want-web{
		font-size: 20px;
	}
	.jichu-red{
		font-size: 36px;
	}
	.jichu-shiming{
		font-size: 36px;
		font-weight: normal;
	}
	.sm-header{
		font-size: 18px;
	}
	.sm-infos{
		font-size: 12px;
	}
	.shiming-bg{
		background-image: url(../image/yingxiaoxing_01.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.black-row,
	.red-row{
		background-color: transparent;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.td-title{
		font-size: 36px;
	}
	.td-desp{
		font-size: 16px;
		margin-top: -10px;
	}
	.about-span5{
		font-size: 28px;
	}
	.td-header{
		font-size: 22px;
	}
	.td-infos{
		min-height: 160px;
	}
	.neli{
		font-size: 14px;
	}
	.course-title{
		font-size: 36px;
	}
	.course-desp{
		font-size: 24px;
	}
	.course-info{
		height: 50px;
		overflow: hidden;
	}
	
}

@media(min-width:992px) {
	.htm-top2{
		font-size: 20px;
		top: 110px;
	}
	.htm-top{
		font-size: 42px;
		top: 30px;
	}
	
	.navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        /*color: rgba(255,255,255,.7);*/
		font-size:18px;
		font-weight:normal;
		margin-left:15px;
    }
	.counter-text{
		font-size:15px;
	}
	/* work */
	.work-item{
		width:20%;
	}
	
	.rotate{
    	-webkit-transition-duration: 0.8s;
    	-moz-transition-duration: 0.8s;
    	-o-transition-duration: 0.8s;
    	transition-duration: 0.8s;
     
  		-webkit-transition-property: -webkit-transform;
   		-moz-transition-property: -moz-transform;
    	-o-transition-property: -o-transform;
    	transition-property: transform;
     
    	overflow:hidden;
	}  
	.rotate:hover{
    	-webkit-transform:rotate(360deg);
    	-moz-transform:rotate(360deg);
    	-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
	.work-item:hover .rotate{
		-webkit-transform:rotate(360deg);
    	-moz-transform:rotate(360deg);
    	-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
	.work-item:hover .work-bg1{
		background-position:0 -95px;
	}
	.work-item:hover .work-bg2{
		background-position:-95px -95px;
	}
	.work-item:hover .work-bg3{
		background-position:-190px -95px;
	}
	.work-item:hover .work-bg4{
		background-position:-285px -95px;
	}
	.work-item:hover .work-bg5{
		background-position:-380px -95px;
	}
	
	.case-item{
		width:33.33333333%;
	}
	/****
	.case-over{
		width:100%;
		height:0;
		background:#000;
		position:absolute;
		top:0;
		left:0;
		right:0;
		opacity:0.4;
		filter:alpha(opacity=50);
		background-image:url(../image/f1.png);
		background-position:center;
		background-repeat:no-repeat;
		-webkit-transition:all ease-in-out .5s;
		-moz-transition:all ease-in-out .5s;
		-ms-transition:all ease-in-out .5s;
		-o-transition:all ease-in-out .5s;
		transition:all ease-in-out .5s;
	}
	.case-item:hover .case-over{
		height:100%;
	}
	****/
	
	.service-wrap{
		width:20%;
		margin-top:25px;
	}
	.h4-title{
		font-size:18px;
	}
	.bank-info{
		font-size: 14px;
	}
	.alpay.row .col-md-4{
		padding-right: 0px;
	}

	.alpay.row .col-md-8{
		padding-left: 0px;
	}
	.alpay-aw{
		font-size: 14px;
		padding-top: 5px;
	}
	.pay-pad{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.cont-desp{
		font-size: 14px;
	}
	.cnt-h1{
		font-size: 24px;
	}
	.cnt-list ul li{
		font-size: 16px;	
	}
	.juchu-box{
		padding-top: 45px;
	}
	.jichu-header{
		font-size: 36px;
	}
	.jichu-word{
		font-size: 24px;
	}
	.jichu-desp{
		font-size: 14px;
	}
	.yx-desp{
		font-size: 14px;
	}
	.mbl-pad{
		padding-top: 40px;
	}
	.mbl-word{
		font-size: 20px;
	}
	.mbl-desp{
		font-size: 12px;
	}
	.design-header{
		font-size: 22px;
	}
	.gl-item{
		width: 14.28571428%;
	}
	.jichu-ali{
		font-size: 32px;
	}
	.sm-rt{
		padding-left: 30px;
	}
	.sm-header{
		font-size: 30px;
	}
	.sm-infos{
		font-size: 16px;
	}
	.neli{
		font-size: 18px;
	}
	.course-box{
		padding: 20px;
	}
}
@media(min-width:1200px) {
	.navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        /*color: rgba(255,255,255,.7);*/
		font-size:18px;
		font-weight:normal;
		margin-left:0px;
    }
	.copyright{
		font-size:14px;
	}
	.copyright a{
		color:#fff;
	}
	.counter-text{
		font-size:16px;
	}
	.h4-title{
		font-size:20px;
	}
	.bank-info{
		font-size: 16px;
	}
	.alpay-aw{
		padding-top: 10px;
	}
	.pay-pad{
		padding: 0px;
	}
	.cnt-h1{
		font-size: 28px;
	}
	.cnt-list ul li{
		font-size: 20px;	
	}
	.mbl-pad{
		padding-top: 80px;
	}
	.mbl-word{
		font-size: 24px;
	}
	.jichu-ali{
		font-size: 40px;
	}
	.neli{
		font-size: 20px;
	}
	.case-item{
		width:25%;
	}
}
/**************
 * plugs css you can not to edit them
 */
/** /!!! core css Should not edit !!!/**/
/****************** lightSlider.css ******************/

.csSlideOuter {
	overflow: hidden;
}
.lightSlider:before, .lightSlider:after {
	content: " ";
	display: table;
}
.csSlideWrapper > ul:after {
	clear: both;
}
.csSlideWrapper .csSlide {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-timing-function: inherit;
	transition-timing-function: inherit;
}
.csSlideWrapper .csFade {
	position: relative;
}
.csSlideWrapper .csFade > li {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
}
.csSlideWrapper.usingCss .csFade > li {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: inherit;
	transition-timing-function: inherit;
}
.csSlideWrapper .csFade > li.active {
	z-index: 10;
}
.csSlideWrapper.usingCss .csFade > li.active {
	opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.csSlideOuter .csPager.cSpg {
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}
.csSlideOuter .csPager.cSpg > li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px;
}
.csSlideOuter .csPager.cSpg > li a {
	background-color: #222222;
	border-radius: 30px;
	display: inline-block;
	height: 8px;
	overflow: hidden;
	text-indent: -999em;
	width: 8px;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
.csSlideOuter .csPager.cSpg > li:hover a, .csSlideOuter .csPager.cSpg > li.active a {
	background-color: #428bca;
}
.csSlideOuter .media {
	opacity: 0.8;
}
.csSlideOuter .media.active {
	opacity: 1;
}
/* End of pager */

/** Gallery */
.csSlideOuter .csPager.cSGallery {
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csSlideOuter .csPager.cSGallery li {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
}
.csSlideOuter .csPager.cSGallery li.active, .csSlideOuter .csPager.cSGallery li:hover {
	opacity: 1;
}
.csSlideOuter .csPager.cSGallery img {
	display: block;
	height: auto;
	max-width: 100%;
}
.csSlideOuter .csPager.cSGallery:before, .csSlideOuter .csPager.cSGallery:after {
	content: " ";
	display: table;
}
.csSlideOuter .csPager.cSGallery:after {
	clear: both;
}
/* End of Gallery*/

/* slider actions */
.csAction > a {
	width: 32px;
	display: block;
	top: 50%;
	height: 32px;
	background-image: url('../image/controls.png');
	cursor: pointer;
	position: absolute;
	z-index: 99;
	margin-top: -16px;
	opacity: 0.5;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
}
.csAction > a:hover {
	opacity: 1;
}
.csAction > .csPrev {
	background-position: 0 0;
	left: 10px;
}
.csAction > .csNext {
	background-position: -32px 0;
	right: 10px;
}
.cS-hidden {
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
}

/*******分页*************/
.page{width:100%;text-align:center;clear:both;height:42px;padding:20px 0;overflow:hidden;}
.page a{padding:2px 5px;border:1px solid #ccc;color:#505050;margin:0 1px;font-size:13px;text-align:center;}
.page .more{border:0;}
.page a:hover{background:#EB3900;border-color:#EB3900;color:#FFF;}
.page .pre{font-weight:600;color:#ff6400;}
.page .next{font-weight:600;color:#ff6400;}
.page .pre:hover{background:#EB3900;border-color:#EB3900;color:#FFF;}
.page .next:hover{background:#EB3900;border-color:#EB3900;color:#FFF;}
.page .more:hover{background:none;color:#505050;}
.page .current{background:#EB3900;border-color:#EB3900;color:#FFF;font-weight:700;}
.page .current:hover{background:#EB3900;border-color:#EB3900;color:#FFF;font-weight:700;}
.page .no_pre{color:#ccc;font-weight:600;}
.page .no_pre:hover{color:#ccc;background:none;border-color:#CCC;}
.page .no_next{color:#ccc;font-weight:600;}
.page .no_next:hover{color:#ccc;background:none;border-color:#CCC;}
.rm-pages{
	padding: 10px;
	text-align: center;
}
/*==================================================jobs==============================================*/
.job-top{clear:both;background:url(https://www.hflmwl.com/images/job.jpg) no-repeat;padding-top:150px;padding-right:400px;}
.job-top .job-top-title{clear:both;height:40px;line-height:40px;font-size:24px;font-family:"微软雅黑";color:#33B1E2;}

.job-biaoti{clear:both;height:40px;line-height:40px; text-align:center;font-size:24px;font-family:"微软雅黑";color:#333333;margin-top:20px;}
.job-list{clear:both;margin-top:10px;}
.job-list-table{clear:both;line-height:25px;border:#d7d7d7 1px solid;border-right:0px;border-bottom:0px;}
.job-list-table td{border-bottom:#d7d7d7 1px solid;border-right:#d7d7d7 1px solid;padding:10px; text-align:center;}
.job-list-table .job-list-table-head{height:30px;line-height:30px; text-align:center;font-weight:bold;line-height:20px;}
.job-list-table .job-list-table-head td{ text-align:center;font-weight:bold;}

/*============================================seo===========================================*/
.titlered{clear:both;line-height:45px;color:#B90900;font-size:24px;font-family:"微软雅黑";}
.titlered1{clear:both;line-height:45px;color:#F00;font-size:24px;font-family:"微软雅黑";}
.titlered h1{font-size:24px;font-weight:normal;}
.seocontent{clear:both;line-height:25px; font-size:14px;}
.seocontent-left{float:left;}
.subtitle{color:#0CA5E2;font-size:18px;font-family:"微软雅黑";height:40px;line-height:40px;margin-top:10px;}
.subtitle1{color:#0CA5E2;font-size:14px;font-family:"微软雅黑";line-height:20px;margin-top:10px;margin-top:10px;}

/*============================================yijianzhiding===========================================*/
#tbox { width:54px; float:right; position:fixed; right:100px; bottom:50px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:15px; z-index:9998 }
#tbox a { overflow:visible; position:relative }
#gotop{ display:block; width:50px; height:50px; margin-bottom:2px }
#gotop { background:#d3d3d3 url(../image/top_icon.png) no-repeat 5px 3px; }
#gotop:hover { background:#222222 url(../image/top_icon.png) no-repeat 5px 3px; }


.fullSlide{ position:relative; background:#ccc; margin:0 auto; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li { position:relative; overflow:hidden;}
.fullSlide .bd li img{width:100%;display: block;} 
.fullSlide .bd li  a{ display:block; }
.fullSlide .hd { width:100%;position: absolute; height:24px; padding-top:8px; bottom:12px; text-align: center; font-size:0; z-index:1;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd li{margin: 0 2px; background:#d7d7d7; height:20px;width:20px;border-radius: 50%;background: url(../image/bullet.png) no-Repeat 0 0; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; border-radius: 0;}
.fullSlide .hd .on{background-position: bottom left; }
.fullSlide .prev,
.fullSlide .next { width: 40px; height:40px; margin: -20px 0 0; background: url(../image/large_left.png) no-Repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;overflow: hidden;}
.fullSlide .prev { left: 20px; }
.fullSlide .next {    background: url(../image/large_right.png) no-Repeat 0 0;right: 20px; }
.fullSlide .prev:hover{background-position: bottom left;}
.fullSlide .next:hover{background-position: bottom left;}